<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css" />
<link rel="stylesheet" href="static/easyui/themes/icon.css" />
<title>药品信息</title>
</head>
<body>
	<script type="text/javascript">
		$(function() {

			//新增药品
			$("#add-drug").click(function() {
				$("#drug-win").window("open");
			});
			
			//搜索药品
			$("#drug-ss").searchbox({
				searcher:function(value,name){
					$('#drug-dg').datagrid({
						url : 'findall-drug',
						queryParams : {
							drugname : value
						},
						method:"Post",
						rownumbers:true,
						singleSelect: true,
						pagination : true, //分页控件 
						pageNumber : 1,
						pageSize : 10,
						pageList : [ 10, 20 ],
						columns : [ [ 
							{field : 'drug_number',					title : '药品编号',			width : 100		} , 
							{field : 'drug_name',					title : '药品名称',			width : 105		}, 
							{field : 'category_name',				title : '类别',				width : 65		}, 
							{field : 'type_name',					title : '类型',				width : 80		}, 
							{field : 'drug_standard',				title : '规格',				width : 100		}, 
							{field : 'drug_unit',					title : '单位',				width : 45		}, 
							{field : 'drug_purchase_price',			title : '进价（元）',			width : 80		}, 
							{field : 'drug_retail_price',			title : '零售价（元）',		width : 80		},  
							{field : 'drug_origin',					title : '保质期（月）',		width : 70		}, 
							{field : 'supplier_address',			title : '产地',				width : 101		}, 
							{field : 'inventory_quantity',			title : '库存数量',			width : 70		}, 
							{field : 'supplier_name',				title : '供应商',				width : 100		}   
						] ]
					});				
				}
			});
			
			//确认添加药品
			$("#save-drug").click(function() {
				$('#drug-form').form({
				    url:'add-drug',
				    onSubmit: function(){
						var c=$("#drug-form").form('validate');
				        return c;
							/* $(".drugonec").text("请填写相关药品信息");
						 	$("#DRUGONEc").window('open');
						 	setTimeout(function(){
								$("#DRUGONEc").window('close');
							}, 2000); */
						
				    },
				    success:function(data){
				    	if(parseInt(data)==3){
								$(".drugonec").text("新药品添加成功");
							 	$("#DRUGONEc").window('open');
							 	$('#drug-form').form("clear");//清空文本								
							 	$('#drug-dg').datagrid("reload");
						    	//秒之后自动消失
							   	setTimeout(function(){
									$("#DRUGONEc").window('close');
									$('#drug-win').window("close");
								}, 2000);
							   
							    $('#for').form("clear");//清空文本
						}
							
						if(parseInt(data)==1){
						    	$(".drugonec").text("该药品已添加,请重新添加");
						 		 //清空文本
						 		$("#DRUGONEc").window('open');
						  	 	//秒之后自动消失
						   		setTimeout(function(){
						    	 	$("#DRUGONEc").window('close');
						    	 	$('#drug-form').form("clear");//清空文本			
								}, 2000);
						}										
						
				    }
				}).submit();
			});
			
			//取消添加药品
			$("#cancel-drug").click(function() {
				$('#drug-win').window("close");
				$('#for').form("clear");//清空文本
			});

			//药品信息
			$('#drug-dg').datagrid({
				url : 'findall-drug',
				pagination : true, //分页控件 
				pageNumber : 1,
				pageSize : 10,
				singleSelect: true,
				rownumbers:true,
				pageList : [ 10, 20 ],
				columns : [ [ 
					{field : 'drug_number',					title : '药品编号',			width : 100		} , 
					{field : 'drug_name',					title : '药品名称',			width : 105		}, 
					{field : 'category_name',				title : '类别',				width : 65		}, 
					{field : 'type_name',					title : '类型',				width : 80		}, 
					{field : 'drug_standard',				title : '规格',				width : 100		}, 
					{field : 'drug_unit',					title : '单位',				width : 45		}, 
					{field : 'drug_purchase_price',			title : '进价（元）',			width : 80		}, 
					{field : 'drug_retail_price',			title : '零售价（元）',		width : 80		},  
					{field : 'drug_origin',					title : '保质期（月）',		width : 70		}, 
					{field : 'supplier_address',			title : '产地',				width : 101		}, 
					{field : 'inventory_quantity',			title : '库存数量',			width : 70		}, 
					{field : 'supplier_name',				title : '供应商',				width : 100		}  
				] ]
			});
			
			$('#drugcategory').combobox({   
	         	url:'drug_category',//数据源
	         	valueField: 'category_id',//数据库名字---主键id
		        textField: 'category_name',//需要显示在下拉框的实际内容
		        editable:false,//不可编辑，只能选择   				
	            panelHeight:'auto',//高度根据内容自动定
	            onHidePanel: function(){
	            	//l类型的下拉列表
				     $("#drugtype").combobox("setValue",'');
				     var categoryid = $('#drugcategory').combobox('getValue'); 
					 $.ajax({
						 type: "Post",
						 url: "drug_type?categoryid="+categoryid,
						 cache: false,
						 dataType : "json",
						 success: function(data){
							 $("#drugtype").combobox("loadData",data);
						 }
					 }); 
				  }
 			});		
			
			$('#drugtype').combobox({   
				//url:'drug_type',//数据源
	         	valueField: 'type_id',//数据库名字---主键id
		        textField: 'type_name',//需要显示在下拉框的实际内容
		        editable:false,
	            panelHeight:'auto',//高度根据内容自动定
	            onLoadSuccess: function () {  //加载完成后,设置选中第一项
	                    var val = $(this).combobox("getData");
						//初始化数据默认选中第一个
						$(this).combobox("select", val[0].type_id);

	             }
 			});	
			
			$('#druggyss').combobox({   
				url:'all-supplier',//数据源
	         	valueField: 'supplier_number',//数据库名字---主键id
		        textField: 'supplier_name',//需要显示在下拉框的实际内容
		        editable:false,
	            panelHeight:'auto',//高度根据内容自动定
	            onLoadSuccess: function () {  //加载完成后,设置选中第一项
	                    var val = $(this).combobox("getData");
						//初始化数据默认选中第一个
						$(this).combobox("select", val[0].type_id);

	             }
 			});	
			
			$('#drugcategorys').combobox({   
	         	url:'drug_category',//数据源
	         	valueField: 'category_id',//数据库名字---主键id
		        textField: 'category_name',//需要显示在下拉框的实际内容
		        editable:false,//不可编辑，只能选择   				
	            panelHeight:'auto',//高度根据内容自动定
	            onHidePanel: function(){
	            	//的下拉列表
				     $("#drugtypes").combobox("setValue",'');
				     var categoryid = $('#drugcategorys').combobox('getValue'); 
					 $.ajax({
						 type: "Post",
						 url: "drug_type?categoryid="+categoryid,
						 cache: false,
						 dataType : "json",
						 success: function(data){
							 $("#drugtypes").combobox("loadData",data);
						 }
					 }); 
				  }
 			});		
			
			$('#drugtypes').combobox({   
				//url:'drug_type',//数据源
	         	valueField: 'type_id',//数据库名字---主键id
		        textField: 'type_name',//需要显示在下拉框的实际内容
		        editable:false,
	            panelHeight:'auto',//高度根据内容自动定
	            onLoadSuccess: function () {  //加载完成后,设置选中第一项
	                    var val = $(this).combobox("getData");
						//初始化数据默认选中第一个
						$(this).combobox("select", val[0].type_id);

	             }
 			});	

			$("#drug-dg").datagrid({
				onDblClickRow : function(rowIndex, rowData) {
					$("#drugbatch-win").window("open");
					//给药品编号赋值
				    $("#drug-ypbh1").textbox('setValue',rowData.drug_number);
				  	//给药品名称赋值
				    $("#drug-ypmc1").textbox('setValue',rowData.drug_name);
				  	//给药品规格赋值
				    $("#drug-ypgg1").textbox('setValue',rowData.drug_standard);
				  	//给药品类别赋值
				    $("#drug-yplb1").textbox('setValue',rowData.category_name);
				  	
				  	//获取药品编号
				  	var drugnumber = $("#drug-ypbh1").textbox("getValue");
				  	
				  	//根据药品编号获取
					$.ajax({  
                        url: 'find-drugbatch',  
                        data:{'drugnumber' :drugnumber},
                        type: 'POST',  
                        dataType:"json",
					 	success: function (data) {  
					 				//遍历数据前清空datagrid数据
					 				$('#drugbatchs-dg').datagrid('loadData',{total:0,rows:[]});
					 				console.log(data.result);
					 				//循环药品批次数据
					                for ( var machine in data.result) {
					                    var row_data = {
					    					'inventory_details_batch' : data.result[machine].inventory_details_batch,
					                        'inventory_details_stardate' : data.result[machine].inventory_details_stardate,
					                        'inventory_details_usedate' : data.result[machine].inventory_details_usedate,
					                        'inventory_details_quantity' : data.result[machine].inventory_details_quantity  
					                    };
					                    $('#drugbatchs-dg').datagrid('appendRow', row_data);
					                }
						     }, 				     
	                        Error: function () {  
	                            alert(Error);  
	                        }                   
	                    });  
				  	
				}
			})
			
			//药品详细批次
			$('#drugbatchs-dg').datagrid({
				url : '',
				pagination : true,
				pageNumber : 1,
				pageSize : 10,
				singleSelect: true,
				pageList : [ 10, 20 ],
				columns : [ [ 
					{field : 'inventory_details_batch',			title : '药品批次',		width : 172},
					{field : 'inventory_details_stardate',		title : '生产日期',		width : 175,formatter:comFormatDate},
					{field : 'inventory_details_usedate',		title : '有效期',			width : 175,formatter:comFormatDate}, 
					{field : 'inventory_details_quantity',		title : '库存数量',		width : 175} 
				] ]
			});
			
		});
		
		//格式化时间
		function comFormatDate(date) {
			var day = new Date(date); 
			var Year = 0; 
			var Month = 0; 
			var Day = 0; 
			var CurrentDate = ""; 
			//初始化时间 
			Year= day.getFullYear();//ie火狐下都可以 
			Month= day.getMonth()+1; 
			Day = day.getDate(); 
			CurrentDate += Year + "-"; 
			if (Month >= 10 ) { 
				CurrentDate += Month + "-"; 
			}else { 
				CurrentDate += "0" + Month + "-"; 
			} 
			if (Day >= 10 ) { 
				CurrentDate += Day ; 
			}else { 
				CurrentDate += "0" + Day ; 
			} 
			return CurrentDate; 
		}
		
	</script>

	<!-- 药品主界面 -->
	<div id="drug-p" class="easyui-panel" style="width: 100%; padding: 10px; background: #fafafa;"
		data-options="iconCls:'icon-save',closable:false,collapsible:false,minimizable:false,maximizable:false">
		
		<p style="height: 40px; line-height: 30px; margin-left: 50px;">
		
			<input id="drug-ss" class="easyui-textbox" style="width: 250px"data-options="label:'药品名称：'"></input>
			
			<span style="margin-left: 50px;"></span>
			
			<span style="margin-left: 50px;"></span> 
			
			<a id="add-drug" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加新药品</a>
		
		</p>
		
		<fieldset style="border: 1px solid #A6A6A6; border-radius: 6px; width: 1050px; margin: 0 auto; margin-top: 10px; margin-bottom: 20px;">
			
			<legend style="font-size: 17px">库存信息</legend>
			
			<div style="margin-left: 10px; marin-top: 20px;marin-bottom: 20px">
			
				<table id="drug-dg" class=" easyui-datagrid" style="width: 1030px; height: 308px"
					data-options="toolbar:'#logininform-tb',fitColumns:false,singleSelect:false">
	
				</table>
			
			</div>
		
		</fieldset>
		
	</div>

	<!-- 新药品窗口 -->
	<div id="drug-win" class="easyui-window" title="新药品添加" style="width: 850px; height: 400px"
		data-options="iconCls:'icon-save',closed:true,modal:true,shadow:true,resizable:false,collapsible:false,minimizable:false,maximizable:false">
		
		<div class="easyui-layout" data-options="fit:true">
			
			<form method="post" id="drug-form" >
			
				<div data-options="" style="padding: 30px;margin-left:50px;">
					
					<p style="height: 60px; line-height: 20px;">
						
						<input name="drugName" id="drug-ypmc" class="easyui-textbox" style="width: 200px" data-options="label:'药品名称：',required:true"></input>
						
						<span style="margin-left: 50px;"></span> 
						
						<input name="drugStandard" id="drug-ypgg" class="easyui-textbox" style="width: 200px" data-options="label:'药品规格：',required:true"></input>
					
						<span style="margin-left: 50px;"></span>
						
						<input name="drugUnit" id="drug-ypdw" class="easyui-textbox" style="width: 200px" data-options="label:'单位：',required:true"></input> 
						
						
					</p>
					
					<p style="height: 60px; line-height: 20px;">
	
						<input name="drugOrigin" id="drug-bzq" class="easyui-numberbox" style="width: 200px" data-options="label:'保质期：',required:true"></input>&nbsp;月
					
						<span style="margin-left: 35px;"></span>
						
						<input name="drugPurchasePrice" id="drug-jj" class="easyui-textbox" style="width: 200px" data-options="label:'进价：',required:true"></input>
					
						<span style="margin-left: 50px;"></span>
						
						<input name="drugRetailPrice" id="drug-lsj" class="easyui-textbox" style="width: 200px" data-options="label:'零售价：',required:true"></input>
										
					</p>
					
					<p style="height: 60px; line-height: 20px;">
						
						<select id="drugcategorys" class="easyui-combobox" data-options="label:'类别：',required:true" style="width: 200px;">
						</select>
						
						<span style="margin-left: 50px;"></span> 
						
						<select id="drugtypes" name="Type.typeId" class="easyui-combobox" data-options="label:'类型：',required:true"  style="width: 200px;">
						</select>
						
						<span style="margin-left: 50px;"></span>
						
						<select id="druggyss" name="Supplier.supplierNumber" class="easyui-combobox" data-options="label:'供应商：',required:true" style="width: 200px;">
						</select>
						
						
					</p>
					
					<p style="margin-left: 180px;">
						
						<a id="save-drug" style="width: 120px" class="easyui-linkbutton" iconCls="icon-ok">添加</a>
						
						<span style="margin-left: 50px;"></span> 
						
						<a id="cancel-drug" style="width: 120px" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
					
					</p>
				
				</div>
			
			</form>
		
		</div>
	
	</div>

	<!-- 批次界面 -->
	<div id="drugbatch-win" class="easyui-window" title="药品批次" style="width: 750px; height: 480px"
		data-options="iconCls:'icon-save',modal:true,closed:true,shadow:true,resizable:false,collapsible:false,minimizable:false,maximizable:false">
		
		<div class="easyui-layout" data-options="fit:true">
			
			<div data-options="region:'center'">
				
				<div style="width: 600px; height: 80px; margin-left: 100px;">
					
					<p>
						
						<input id="drug-ypbh1" class="easyui-textbox" style="width: 200px" data-options="label:'药品编号：'"></input>
							
						<span style="margin-left: 130px;"></span> 
							
						<input id="drug-ypmc1" class="easyui-textbox" style="width: 200px" data-options="label:'药品名称：'"></input>
					
					</p>
					
					<p>
						
						<input id="drug-ypgg1" class="easyui-textbox" style="width: 200px" data-options="label:'规格：'"></input>
						
						<span style="margin-left: 130px;"></span> 
							
						<input id="drug-yplb1" class="easyui-textbox" style="width: 200px" data-options="label:'类型：'"></input>
					
					</p>
				
				</div>
				
				<div style="margin-left: 20px">
					
					<table id="drugbatchs-dg" class="logininform-table easyui-datagrid" style="width: 700px; height: 308px"
						data-options="toolbar:'#logininform-tb',fitColumns:false,singleSelect:false">

					</table>
				
				</div>
			
			</div>
		
		</div>
	
	</div>
	
	<!-- 弹框提示 -->
	<div id="DRUGONEc" class="easyui-window"  title="提示框" style="width:300px;height:156px"
	    data-options="iconCls:'icon-save',modal:true,resizable:false,collapsible:false,maximizable:false,minimizable:false,closed:true">
	          <p class="drugonec" style="text-align:center;font-size: 16px;margin-top: 47px;">
	          </p>
	</div>

</body>
</html>